<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/public/static/css/index.css">
    <link href="/public/static/fontawesome/css/fontawesome.css" rel="stylesheet">
    <link href="/public/static/fontawesome/css/brands.css" rel="stylesheet">
    <link href="/public/static/fontawesome/css/solid.css" rel="stylesheet">
    <link rel="stylesheet" href="/public/static/css/layui.css">
    <script src="/public/static/js/layui.js"></script>
    <script src="/public/static/js/jquery.js"></script>
    <title>搜索主页</title>
</head>

<body>
   <?php view('common/header'); ?>
    <div class="container">
        <form action="<?=getUrl('','index','search')?>" method="get">
            <div class="search-box">
                <input type="hidden" name="a" value="search">
                <input type="text" name="textn" class="search-btn" placeholder="需要搜索的关键词(以中文逗号分隔)" required>
            </div>
            <button type="submit" class="layui-btn layui-btn-radius">搜索</button>
        </form>
    </div>
    <div class="timeBox"></div>
    <script>
        var searchBtn = document.querySelector('.search-btn')
        var style1 = document.createElement('style')
        var searchBox = document.querySelector('.search-box')
        var timeBox = document.querySelector('.timeBox')
        setInterval(function() {
            var date = new Date()
            let hh = padZero(date.getHours())
            let mm = padZero(date.getMinutes())
            let ss = padZero(date.getSeconds())
            timeBox.innerText = hh + ':' + mm + ':' + ss
        }, 1000)

        function padZero(n) {
            return n > 9 ? n : '0' + n
        }
    </script>

   <?php view('common/footer'); ?>
</body>
</html>